﻿@model throneOfGames.Models.GameViewModel
@{
    ViewBag.Title = "KotGame";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section featured {
    <section class="featured">
        <div class="content-wrapper">
            <hgroup class="title">
                <h1>@ViewBag.Title.</h1>
                <h2>@ViewBag.Message</h2>
            </hgroup>
        </div>
    </section>
}
<script src="~/Scripts/jquery.signalR-1.0.1.min.js"></script>
<script src="~/signalr/hubs"></script>

<div id="site-container">
    <div id="public-chat">
        <h3>Chat</h3>
        @Html.Partial("_chat")
        @section Scripts {
            @Html.Partial("_ChatScript")
        }
    </div>
    <div id="kot-board">
        <div id="player1">
            <div id="name1">Player 1:</div>
            <div id="points1">Points: </div>
            <div id="energy1">Energy: </div>
            <div id="hp1">HP: </div>
            <div id="inTokyo1"></div>
        </div>
        
        <div id="player2">
            <div id="name2">Player 2:</div>
            <div id="points2">Points: </div>
            <div id="energy2">Energy: </div>
            <div id="hp2">HP: </div>
            <div id="inTokyo2"></div>
        </div>

        <div id="player3">
            <div id="name3">Player 3:</div>
            <div id="points3">Points: </div>
            <div id="energy3">Energy: </div>
            <div id="hp3">HP: </div>
            <div id="inTokyo3"></div>
        </div>

        <div id="player4">
            <div id="name4">Player 4:</div>
            <div id="points4">Points: </div>
            <div id="energy4">Energy: </div>
            <div id="hp4">HP: </div>
            <div id="inTokyo4"></div>
        </div>
        
        <img src="~/Content/KoT-Board.PNG" alt="KingOfTokyoBoard" id="kot-picture" />
        @Html.Partial("_KoTGame")
    </div>
    <div id="KotGameLog">
    </div>
</div>